<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
		<title>蓝色的日常办公OA系统页面模板</title>
		<link rel="stylesheet" type="text/css" href="../CSS/index.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_2136477_dndx2efkgn7.css" />
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="../JS/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body id="body">
		
		<div id="header">
			<div id="hd_logo">
				<h1>优企OA</h1>
			</div>
			<div id="hd_info">
				<div id="hd_">
					<span class="iconfont icon-tongyong-huanyingnitubiao">欢迎您，</span><span>Admin</span>
					<a href="" class="iconfont icon-xinfeng">消息</a>

				</div>

			</div>
			<div id="hd_tools">
				<div id="hd_">
					<a href="" class="iconfont icon-shouye">首页</a>
					<a href="" class="iconfont icon-mima_huaban1">修改密码</a>
					<a href="" class="iconfont icon-tuichu">退出</a>
				</div>

			</div>

		</div>
		<div id="main">
			<div id="aside">
				<div id="daohang" >
					<span class="iconfont icon-daohang">功能导航</span>
				</div>
				
				<div id="aside_nav">
					<span id="index" style="background-color: #6EC673;color: #FFF" class="nav iconfont icon-bangongyongpingudingzichanlingyongliucheng">首页<span class="iconfont icon-open-copy"></span></span>
					<span id="datetask" class="nav iconfont icon-xietongbangong">日常办公<span id="date_icon1" class="iconfont icon-open-copy"></span></span>
					<span id="datetask_nav" class="nav">
						<p id="dclwj" class="iconfont icon-shixiangyoujiantou-" >待处理文件</p>
						<p id="fbrw" class="iconfont icon-shixiangyoujiantou-">发布任务</p>
					</span>
					<span id="outlook" class="nav iconfont icon-tongxunlu">通讯录<span class="iconfont icon-open-copy"></span></span>
					<span id="news" class="nav iconfont icon-custom-news">通知公告<span class="iconfont icon-open-copy"></span></span>
					<span id="dossier" class="nav iconfont icon-dangan">档案管理<span class="iconfont icon-open-copy"></span></span>
					<span id="datesys" class="nav iconfont icon-shezhi">日程管理<span class="iconfont icon-open-copy"></span></span>
					<span id="system" class="nav iconfont icon-shezhi">系统管理<span id="date_icon2" class="iconfont icon-open-copy"></span></span>
					<span id="system_nav" class="nav">
						<p id="user_gl" class="iconfont icon-shixiangyoujiantou-" >用户管理</p>
						<p id="bumen_gl" class="iconfont icon-shixiangyoujiantou-">部门管理</p>
						<p id="role_gl" class="iconfont icon-shixiangyoujiantou-">角色管理</p>
					</span>
					
				</div>
				
			</div>
			<div id="article">
				<iframe id="iframe" src="first.html" width="100%" height="100%"></iframe>
			</div>
			
		</div>
		<div id="footer">
			优企OA办公系统
		</div>
	</body>
	
</html>
